<template>
	<div class="banner">
  		<mt-swipe :auto="4000">
			<mt-swipe-item v-for="item in list" :key="item.id">
			  	<router-link to="Pro_details">
			  		<img :src="item.img_src"/>
			  	</router-link>
			</mt-swipe-item>
		</mt-swipe>
  	</div>
</template>

<script>
	export default{
		data(){
			return{
				
			}
		},
		props:{
			list:Array
		}

	}
</script>

<style lang="stylus" scoped>
	/*贯穿*/
	.banner>>> 
	.mint-swipe
			width: 100%;
			img
				width: 100%;
				height: 100%;
			.mint-swipe-indicator
				background: #fff;
				opacity: 1 !important;
			.is-active
				background: #559ae3 !important;
	/*轮播图*/
	.banner
		width: 100%;
		height: 3.2rem;
		background: #ccc;
		overflow: hidden;
</style>